<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <!-- 
            所谓嵌套列表就是无序列表与有序列表嵌套混合使用。
            嵌套列表可以把页面分为多个层次，给人以很强的层次感。
         -->
        <h1>社区</h1>
        <ul>
            <li>博文分类</li>
            <ul>
                <li>业界新闻</li>
                <li>美家社区</li>
                <li>心得体验</li>
                <li>每日学堂</li>
            </ul>
            <strong><hr /></strong>
            <li>宇宙项目注册步骤</li>
            <ol>
                <li>填写会员信息</li>
                <li>接收电子邮件</li>
                <li>激活会员账户</li>
                <li>注册成功</li>
            </ol>
            <hr />
            <li>联系我们</li>
            <dl>
                <dt>年:</dt>
                <dd>2024</dd>
                <dt>月:</dt>
                <dd>4</dd>
                <dt>日:</dt>
                <dd>23</dd>
            </dl>
        </ul>
    </body>

    </html>
</body>

</html>